<template>
  <div>
    <div>其他设置</div>
    <div class="bind">
      <div>手机号：{{ user.phone }}</div>
      <div class="aa" @click="goBindPhone">修改</div>
    </div>
  </div>
</template>

<script setup>
useHead({ title: "其他设置" });

const user = useUser();
const goBindPhone = () => {
  navigateTo("/bindphone");
};
</script>

<style lang="scss" scoped>
.bind {
  display: flex;

  width: 100%;
  padding: 20px;
  .aa {
    padding-left: 20px;
    cursor: pointer;
    color: blue;
  }
}
</style>
